<template>
   <h2>基础Link链接</h2>
  <div>
    <RlLink type="primary" href="https://chat.deepseek.com/"></RlLink>
    <RlLink type="danger">danger</RlLink>
    <RlLink type="success">success</RlLink>
    <RlLink type="info">info</RlLink>
    <RlLink type="warning">warning</RlLink>
  </div>
   <h2>禁用状态</h2>
  <div>
    <RlLink type="primary" href="https://chat.deepseek.com/" disabled></RlLink>
    <RlLink type="danger" disabled>danger</RlLink>
    <RlLink type="success" disabled>success</RlLink>
    <RlLink type="info" disabled>info</RlLink>
    <RlLink type="warning" disabled>warning</RlLink>
  </div>
   <h2>下划线</h2>
  <div>
    <RlLink type="primary" href="https://chat.deepseek.com/" underline></RlLink>
    <RlLink type="danger" underline>danger</RlLink>
    <RlLink type="success" underline>success</RlLink>
    <RlLink type="info" underline>info</RlLink>
    <RlLink type="warning" underline>warning</RlLink>
  </div>
  <h2>添加图标</h2>
  <div>
    <RlLink icon="phone">phone</RlLink>
    <RlLink>file<RlIcon icon="file"></RlIcon></RlLink>
  </div>

</template>

<script setup lang="ts">
import RlLink from '@/components/Link/Link.vue'
import RlIcon from '@/components/Icon/Icon.vue'
defineOptions({
  name:'LinkView'
})
</script>

<style scoped>
div{
  margin: 15px;
}
</style>